关键字: transform
  • div水平居中,垂直居中的几种方式
    假设我们现在要实现box元素的居中 123 /* 公共代码 */ .wp { border: 1px solid red; ...
  • CSS3 动画
    Unsplash 1 渐变 渐变指在两个或多个指定的颜色之间显示平稳的过渡,渐变一般分为线性渐变和径向渐变,呈一条直线渐变的称作线性渐变,而从圆心到四周扩散的过程成为径向渐变 从左到右的线性渐变,起点是完全透明,慢慢过渡到完全不透明的红色 ...
  • CSS 实现水平垂直居中的方式
    这是面试经常会被问的问题,以前自己也看过相关的博客内容,但总是面试的过程中只能想到简单的几种,今天做一个总结:实现方式分为两类:1、已知元素的宽高确定 2、元素宽高不定(常问)分别对应不同的解决方案已知元素的宽高确定         1、a ...
  • 前端基建
    这两三年我自学了一些前端知识,有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了,我记得早些年网上没事还在争吵 tab 是两个空格还是四个空格的问题。虽然听 ...
  • 资深前端开发工程师分享,关于前端学习路线的一些建议
    前言对于刚开始学习前端的伙伴俩说,问得最多的问题就是 ——前端技术现在如此繁杂,我到底应该如何学习。这个话题太大了,几句话回答不好;也由于这个问题确实困扰了很多前端开发人员,所以我也就着手系统的输出这篇文章。 虽然这篇文章花了很长时间,肯定 ...
  • 你知道css3的focus-within选择器吗?
    伪元素和伪类 说到这个,我们先回顾一下,伪类选择器和伪元素选择器,老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中,单冒号(:)用于 CSS3 伪类,双冒号(::)用于 CSS3 伪元素,我 ...
  • css3实现动画有几种方式?
    这是一个考验面试者对css的基础知识。 css实现动画主要有3种方式,第一种是:transition实现渐变动画,第二种是:transform转变动画,第三种是:animation实现自定义动画,下面具体讲一下3种动画的实现方式。 tran ...
  • web前端的易错点和冷知识,新人必看!
    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。JavaScript所有对象都有 __proto__ 属性,都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...
  • vue+swiper实现背景跟随轮播图切换
    一. 图片变量设置 1.Less: ...
  • 说一说从 URL 输入到页面呈现到底发生了什么?
    前言 这是面试过程中一道高频考题。 从面试官的角度思考: 出现频繁,可能是因为面试官通常喜欢问一些考察可深可浅的题目 很多面试管喜欢根据我们应聘者的考题回答中,甚至我们随口说到的知识点,继续追问 基本回答: 浏览器解析 URL 获取协议,主 ...

暂无数据